<template>
  <div class="app-container">
    <el-card class="m-t-15 el-card-dict">
      <div slot="header" class="flex-cls-nowrap-spc-btw">
        <span>常用插件</span>
      </div>
      <div>
        <div class="bold">VUE常用插件:</div>
        <div v-for="item in list " :key="item.name" class="m-l-15 m-t-15 ">
          <span class="bold">{{ item.label }} :</span>
          <div class="m-l-15 m-t-5">
            {{ item.name }} <mark>{{ item.mark }}</mark>
          </div>
          <div class="m-l-15 m-t-5">
            {{ item.configPath }}
          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import { list } from "./index";
export default {
  name: "Dashboard",
  data() {
    return {
      list: list
    };
  },
  created() {
    console.log(list, "list");
  }
};
</script>

<style scoped lang="scss">

</style>
